
var pageSize = 99999999;
var vm = new Vue({
    el: "#app",
    data:function(){
        return{
            Lim:'',
            UserNo:'',
            //搜索条件
            BrandJson:'',
            BrandJsonList:[],
            YangBirth:'',
            BrandListJson:'',
            BrandListJsonList:[],
            //是否删除商户信息弹框
            IsOrNotDelete:false,
            ShParam:'',
            //上传弹框
            fileAlert:false,
            src:'',
            src1:'',
            src2:'',
            file:[],
            file1:[],
            file2:[],
            format:[],
            uploadFile:[],
            uploadFile1:[],
            uploadFile2:[],
            loadingStatus:"",
            SHID:"",
            InfoImage:"",
            //上传弹框end
            //展位弹框
            SHZWAlert:false,
            zwItem: {
                Store: '',
                TID: '',
                StandArea:'',
                StandNo:'',
                StandName:'',
                RuTime:'',
                EndTime:'',
                EndReason:'',
                Floor:'',
                Type:''
            },
            //展位弹框end
            StoreJson: [],
            StoreJson1:"",
            SHName:"",
            DaiBrand:"",
            YinBirth:"",
            YangBirth:"",
            shTotal:"",
            //搜索结果
            columns1: [
                {
                    type: 'index',
                    title: '序号',
                    width:45,
                    align: 'center',
                },
                {
                    title: '姓名',
                    key: 'Name',
                    width:60,
                    align: 'center',
                },
                {
                    title: '性别',
                    key: 'Sex',
                    width:60,
                    align: 'center',
                },
                {
                    title: '常用手机号',
                    key: 'Tel1',
                    align: 'center',
                },
                {
                    title: '生日',
                    key: 'Birthday',
                    align: 'center',
                },
                {
                    title: '阴/阳历',
                    key: 'YinOrYang',
                    align: 'center',
                },
                {
                    title: '曾代理品牌',
                    key: 'PastDaiBrand',
                    align: 'center',
                },
                {
                    title: '开始经营家具时间',
                    key: 'StartTime',
                    align: 'center',
                },
                {
                    title: '同行业情况',
                    key: 'Fixtel',
                    align: 'center',
                },
                {
                    title: '所获荣誉',
                    key: 'Relations',
                    align: 'center',
                },
                {
                    title: '商户星级',
                    key: 'ShStar',
                    align: 'center',
                },
                {
                    title: '编辑人',
                    key: 'EditName',
                    align: 'center',
                },
                {
                    title: '操作',
                    key: 'action',
                    width:200,
                    align: 'center',
                    render: (h, params) => {
                        return h('div', [
                            h('Button', {
                                props: {
                                    type: 'ghost',
                                    size: 'small',
                                    icon:'trash-a',
                                },
                                attrs: {
                                    title: '删除'
                                },
                                style: {
                                    marginRight: '5px',
                                    border : '0',
                                    fontSize: '16px',
                                },
                                on: {
                                    click: () => {
                                        var self = this;
                                        if(self.Lim=='0'||self.Lim=='1'){
                                            self.IsOrNotDelete = true;
                                            // self.delSHInfo(params);
                                            self.ShParam = params;
                                        }else{
                                            var DengLuUserNo = self.UserNo;
                                            var EditNo = params.row.EditID;
                                            if(DengLuUserNo==EditNo){
                                                self.IsOrNotDelete = true;
                                                self.ShParam = params;
                                            }else{
                                                toastr.warning("无该操作权限");
                                                return false;
                                            }
                                        }

                                    }
                                }
                            }),
                            h('span', {

                            },'|'),
                            h('Button', {
                                props: {
                                    type: 'ghost',
                                    size: 'small',
                                    icon:'edit',
                                },
                                attrs: {
                                    title: '编辑'
                                },
                                style: {
                                    marginRight: '5px',
                                    border : '0',
                                    fontSize: '16px',
                                },
                                on: {
                                    click: () => {
                                        var self = this;
                                        if(self.Lim=='0'||self.Lim=='1'){
                                            window.location.href="./sh_edit.html?ID="+params.row.ID;
                                        }else{
                                            var DengLuUserNo = self.UserNo;
                                            var EditNo = params.row.EditID;
                                            if(DengLuUserNo==EditNo){
                                                window.location.href="./sh_edit.html?ID="+params.row.ID;
                                            }else{
                                                toastr.warning("无该操作权限");
                                                return false;
                                            }
                                        }


                                    }
                                }
                            }),
                            h('span', {

                            },'|'),
                            h('Button', {
                                props: {
                                    type: 'ghost',
                                    size: 'small',
                                    icon:'eye',
                                },
                                attrs: {
                                    title: '查看资料'
                                },
                                style: {
                                    marginRight: '5px',
                                    border : '0',
                                    fontSize: '16px',
                                },
                                on: {
                                    click: () => {
                                        var self = this;
                                        if(self.Lim=='0'||self.Lim=='1'){
                                            this.goLookInfo(params);
                                        }else{
                                            var DengLuUserNo = self.UserNo;
                                            var EditNo = params.row.EditID;
                                            if(DengLuUserNo==EditNo){
                                                this.goLookInfo(params);
                                            }else{
                                                toastr.warning("无该操作权限");
                                                return false;
                                            }
                                        }

                                    }
                                }
                            })

                        ]);
                    }


                }
            ],
            // 接下来绑定数据，分别对应前面的列的key值来进行数据绑定
            data1: [],
            // 初始化信息总条数
            dataCount:0,
            stripe:true
        }
    },
    created(){
        var self = this;
        $.ajax({
            url: "./goSHGL/initSearchPage", //请求的url地址
            xhrFields: {
                withCredentials: true
            },
            dataType: "json", //返回格式为json
            type: "GET", //请求方式
            processData: false, //对表单data数据是否进行序列化
            contentType: false, //dataType设置你收到服务器数据的格式
            headers: {
                'Content-Type': 'application/json'
            },
            beforeSend: function() {
                //请求前的处理
            },
            success: function(data) {
                if(data.status==0){
                    // top.location.href = "../../login.html";
                    window.location.href="./login.html";
                }else{
                    var storejson = new Array();
                    var brandjson = new Array();
                    self.UserNo = data.userno;
                    var json = JSON.parse(data.data);
                    self.Lim = json.lim;
                    var tempstorejson = json.data;
                    var tempbrandjson = json.data2;
                    var temp = {
                        value: "",
                        label: "全部"
                    };
                    //添加中心店面下拉start
                    storejson.push(temp);
                    for(var i=0;i<tempstorejson.length;i++){
                        var temp = {
                            value: tempstorejson[i].BrandName,
                            label: tempstorejson[i].BrandName
                        };
                        storejson.push(temp)
                    }
                    //添加中心店面下拉end
                    //添加品牌下拉start
                    var temp2 = {
                        value: "",
                        label: "全部"
                    };
                    brandjson.push(temp2);
                    for(var i=0;i<tempbrandjson.length;i++){
                        var temp = {
                            value: tempbrandjson[i].BrandName,
                            label: tempbrandjson[i].BrandName
                        };
                        brandjson.push(temp)
                    }
                    //添加品牌下拉end
                    self.StoreJson = storejson;
                    self.BrandJsonList = brandjson;
                }
            },
            complete: function() {
                //请求完成的处理
            },
            error: function() {}
        });
    },
    methods: {
        ok () {
        },
        cancel () {
        },
        goAddPage(){
            window.location.href="./sh_add.html";
        },
        changeBrandList(){
            var self = this;
            this.BrandListJsonList = [];
            this.BrandListJson = "";
            var BrandJson = this.BrandJson;

            var jsondata={ "BrandJson":BrandJson};
            var data_json = JSON.stringify(jsondata);
            $.ajax({
                url: "./goSHGL/queryBrandListByBrand", //请求的url地址
                dataType: "json", //返回格式为json
                async:true,
                data: data_json, //参数值
                type: "POST", //请求方式
                processData: false, //对表单data数据是否进行序列化
                contentType: false, //dataType设置你收到服务器数据的格式
                headers: {
                    'Content-Type': 'application/json'
                },
                success: function(data) {
                    var BrandListJsonList = data.BrandListJsonList;
                    var temp = {
                        value: "",
                        label: "全部"
                    };
                    self.BrandListJsonList.push(temp);
                    for(var i=0;i<BrandListJsonList.length;i++){
                        var temp = {
                            value: BrandListJsonList[i].BrandID,
                            label: BrandListJsonList[i].SeriesName
                        };
                        self.BrandListJsonList.push(temp)
                    }
                },
                error: function() {},
            });
        },
        querytable(pageNum,pageSize){
            var info ;
            var total;
            var shTotal;
            var Name = this.SHName;
            var BrandJson = this.BrandJson;
            var BrandListJson = this.BrandListJson;
            var YangBirth = this.YangBirth;
            if(YangBirth!=''||YangBirth !=null){
                var tempYangBirth = new Date(YangBirth);
                YangBirth = tempYangBirth.toLocaleDateString();
            }
            var jsondata={ "Name":Name,"BrandJson":BrandJson,"BrandListJson":BrandListJson,"YangBirth":YangBirth,"page":pageNum, "row":pageSize};
            var data_json = JSON.stringify(jsondata);
            $.ajax({
                url: "./goSHGL/queryAllSHInfos", //请求的url地址
                dataType: "json", //返回格式为json
                async:false,
                data: data_json, //参数值
                type: "POST", //请求方式
                processData: false, //对表单data数据是否进行序列化
                contentType: false, //dataType设置你收到服务器数据的格式
                headers: {
                    'Content-Type': 'application/json'
                },
                success: function(data) {
                    info = eval(data.data);
                    total = data.totalnum;
                    shTotal = data.shTotal;
                },
                error: function() {},
            });
            if(info){
                this.data1 = info;
                this.dataCount = total;
                this.shTotal = shTotal;
            }
        },
        // 2 分页
        changepage(index){
            this.querytable(index,pageSize);
        },
        //判断是否为面积
        isMianJi(mj){
          var reg = /^[1-9]+\d*(\.\d{0,2})?$|^0?\.\d{0,2}$/;
            if(reg.test(mj)){
                return true;
            }else{
                return false;
            }
        },

        saveZWInfo(){
            var self = this;
            var zwmj = self.zwItem.StandArea;
            var zwbh = self.zwItem.StandNo.trim();
            var zwmc = self.zwItem.StandName.trim();
            var zwfl = self.zwItem.Floor.trim();
            var zwtype = self.zwItem.Type.trim();
            var zwrutime = self.zwItem.RuTime;
            var zwendtime = self.zwItem.EndTime;
            var zwendreason = self.zwItem.EndReason;
            if(zwbh==''||zwbh==null){
                toastr.warning("展位编号不得为空");
                return false;
            }
            if(zwmc==''||zwmc==null){
                toastr.warning("展位名称不得为空");
                return false;
            }
            if(zwfl==''||zwfl==null){
                toastr.warning("展位楼层不得为空");
                return false;
            }
            if(zwtype==''||zwtype==null){
                toastr.warning("展位产品品类不得为空");
                return false;
            }
            if(this.isMianJi(zwmj)){

            }else{
                toastr.warning("展位面积请填写两位小数以内的正数");
                return false;
            }
            if(zwrutime==''||zwrutime==null){
                toastr.warning("展位入场日期不得为空");
                return false;
            }
            var tempzwrutime = new Date(zwrutime);
            self.zwItem.RuTime = tempzwrutime.toLocaleDateString();

            if(zwendtime==''){
                zwendtime = null;
            }else{
                var tempzwendtime = new Date(zwendtime);
                self.zwItem.EndTime = tempzwendtime.toLocaleDateString();
            }
            var jsondata = self.zwItem;
            var data_json = JSON.stringify(jsondata)
            $.ajax({
                url: "./goSHGL/saveZWInfo", //请求的url地址
                xhrFields: {
                    withCredentials: true
                },
                dataType: "json", //返回格式为json
                data: data_json, //参数值
                type: "POST", //请求方式
                headers : {
                    'Content-Type' : 'application/json'
                },
                beforeSend: function() {
                    //请求前的处理
                },
                success: function(data) {
                    if(data.status=='1'){
                        toastr.success('保存成功');
                    }else{
                        toastr.error('保存失败，请重新录入');
                    }
                },
                complete: function() {
                    //请求完成的处理
                },
                error: function(data) {

                }
            });
        },
        //3 修改
        edit(params){
            var self = this
            self.editDataModalFlag = true
            self.categoreObject = params.row;
        },
        delSHInfo(){
            var self = this;
            var params = self.ShParam;
            var ID = params.row.ID;
            var jsondata = {"ID":ID};
            var data_json = JSON.stringify(jsondata)
            $.ajax({
                url: "./goSHGL/delSHInfo", //请求的url地址
                dataType: "json", //返回格式为json
                async:false,
                data: data_json, //参数值
                type: "POST", //请求方式
                processData: false, //对表单data数据是否进行序列化
                contentType: false, //dataType设置你收到服务器数据的格式
                headers: {
                    'Content-Type': 'application/json'
                },
                success: function(data) {
                    if(data.status=="1"){
                        toastr.success('删除成功');
                    }else{
                        toastr.error('删除失败，请重新删除');
                    }
                },
                error: function() {
                    toastr.error('删除失败，请刷新页面');
                },
            });
            this.querytable("1","99999999999");
        },
        /*上传查看资料 开始*/
        // 上传授权书前的事件钩子
        handleMaxSize(file){
            toastr.warning("超出文件大小限制,文件 "+ file.name +" 太大，不能超过 2M。");
            return false;
        },
        handleUpload (file) {
            var self = this;
            var ID = this.SHID;
            // 选择文件后 这里判断文件类型 保存文件 自定义一个keyid 值 方便后面删除操作
            if(this.file.length>=1){
                this.$Notice.warning({
                    title: '警告',
                    desc: '只允许上传一张图片'
                });
                return false;
            }
            // 保存文件到总展示文件数据里
            this.file.push(file);
            // 保存文件到需要上传的文件数组里
            this.uploadFile.push(file)
            //预览
            var reader = new FileReader();
            reader.readAsDataURL(file);
            this.format=['jpg','jpeg','png'];
            setTimeout(() => {
                if (!self.src){
                    self.src=reader.result;
                }
            }, 200);
            // 返回 falsa 停止自动上传 我们需要手动上传
            return false;
        },
        //上传执照
        handleUpload1 (file1) {
            var self = this;
            var ID = this.SHID;
            // 选择文件后 这里判断文件类型 保存文件 自定义一个keyid 值 方便后面删除操作
            if(this.file1.length>=1){
                this.$Notice.warning({
                    title: '警告',
                    desc: '只允许上传一张图片'
                });
                return false;
            }
            // 保存文件到总展示文件数据里
            this.file1.push(file1);
            // 保存文件到需要上传的文件数组里
            this.uploadFile1.push(file1)
            //预览
            var reader = new FileReader();
            reader.readAsDataURL(file1);
            this.format=['jpg','jpeg','png'];
            // reader.onload = function () {
            //     self.src1 = reader.result;
            // }
            setTimeout(() => {
                if (!self.src1){
                    self.src1=reader.result;
                }
            }, 200);
            // 返回 falsa 停止自动上传 我们需要手动上传
            return false;
        },
        //上传身份证
        handleUpload2 (file2) {
            var self = this;
            var ID = this.SHID;
            // 选择文件后 这里判断文件类型 保存文件 自定义一个keyid 值 方便后面删除操作
            if(this.file2.length>=1){
                this.$Notice.warning({
                    title: '警告',
                    desc: '只允许上传一张图片'
                });
                return false;
            }
            // 保存文件到总展示文件数据里
            this.file2.push(file2);
            // 保存文件到需要上传的文件数组里
            this.uploadFile2.push(file2)
            //预览
            var reader = new FileReader();
            reader.readAsDataURL(file2);
            this.format=['jpg','jpeg','png'];
            // reader.onload = function () {
            //     self.src2 = reader.result;
            // }
            setTimeout(() => {
                if (!self.src2){
                    self.src2=reader.result;
                }
            }, 200);
            // 返回 falsa 停止自动上传 我们需要手动上传
            return false;
        },

        delectFile (keyID) { // 删除文件
            // 删除总展示文件里的当前文件
            this.file.splice(0);
            // 删除需要上传文件数据里的当前文件
            this.uploadFile.splice(0);
            this.src=null;
        },
        delectFile1 (keyID) { // 删除文件
            // 删除总展示文件里的当前文件
            this.file1.splice(0);
            // 删除需要上传文件数据里的当前文件
            this.uploadFile1.splice(0);
            this.src1=null;
        },
        delectFile2 (keyID) { // 删除文件
            // 删除总展示文件里的当前文件
            this.file2.splice(0);
            // 删除需要上传文件数据里的当前文件
            this.uploadFile2.splice(0);
            this.src2=null;
        },

        upload () { // 上传文件
            for (let i = 0; i < this.uploadFile.length; i++) {
                let item = this.file[i];
                this.$refs.upload.post(item);
            }
        },
        upload1 () { // 上传文件
            for (let i = 0; i < this.uploadFile1.length; i++) {
                let item = this.file1[i];
                this.$refs.upload1.post(item);
            }
        },
        upload2 () { // 上传文件
            for (let i = 0; i < this.uploadFile2.length; i++) {
                let item = this.file2[i]
                this.$refs.upload2.post(item);
            }
        },
        uploadSuccess(){
           toastr.success("上传授权书成功")
        },
        uploadSuccess1(){
            toastr.success("上传执照成功")
        },
        uploadSuccess2(){
            toastr.success("上传身份证成功")
        },
        /*上传查看资料结束*/
        /*查看资料*/
        goLookInfo(params){
            var ID = params.row.ID;
            window.location.href="./sh_look.html?SHID="+ID;
        }
        /*查看资料结束*/

    }
})